<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script src="../jQuery-2.1.4.min.js"></script>
		<script src="resize.js"></script>
		<title></title>
		<style>
			.test{
				width: 100%;
				height: 300px;
				border: 1px solid red;
			}
		</style>
	</head>
	<body>
		<div class="test"></div>
		<button onclick="add()">add</button>
		<button onclick="toggle()">toggle</button>
		<script>
			var minSize = { width: 800, height: 600 };

//$(window).resize( minSize, function(event){
//  var min = event.data;
//  var $dom = $(this);
//  if( $dom.width() < min.width ){
//      $("body").append("<br>窗口宽度不要小于" + min.width );
//  }else if( $dom.height() < min.height ){
//      $("body").append("<br>窗口高度不要小于" + min.height);
//  }
//} ); 
		$(".test").resize(function(){
			var w = $(".test").width();
			var h = $(".test").height();
			var display = $(".test").css("display");
			console.log(w)
			console.log(h)
			console.log(display)
		});
		
		function add(){
//			$(".test").append("<p>11</p>")
			var h = $(".test").height();
			console.log(h)
			$(".test").height(h+1)
		}
		function toggle(){
			$(".test").toggle();
			var h = $(".test").height();
			
		}

		</script>
	</body>
</html>
